<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>帮助中心</title>
     <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../css/aui.css">
     <link rel="stylesheet" href="../../css/common.css">
         <script type="text/javascript" src="../../script/api.js"></script>
    <script language="JavaScript" src="../../script/vue.js"></script>
     <script language="JavaScript" src="../../script/common.js"></script>
  <style>

      .home-list-label{

      }

      .home-list-label .list-title{

          color:#151516;
          font-size: 0.8rem;
      }
  </style>
</head>
<body>

  <header class="aui-bar aui-bar-nav" id="header">
      <a class="aui-pull-left aui-btn" onclick="closewin();">
          <span class="aui-iconfont aui-icon-left"></span>
      </a>
      <div class="aui-title">帮助中心</div>
  </header>
<div class="aui-content home-list-label" id="help-box">
    <ul class="aui-list">
         <li class="aui-list-item aui-list-item-arrow" v-for="item in helplist" @click="gocontent(item)">
            <div class="aui-list-item-text">
                <span class="list-title">{{item.title}}</span>
            </div>
        </li>

    </ul>
</div>
<script>
    var vm = new Vue({
        el:'#help-box',
        data:{
            helplist:[]
        },
        methods:{
            gocontent:function (item) {
              $page.openwin('home_helpcontent','./helpcontent.html',{id:item.id});
             },
            load_init:function () {
                $page.get_data('/api/content/getListByTid','post',{'type_id':4,'limit':500},function (ret) {
                   vm.helplist = ret.data;
                });
            }
        }

    });
    apiready=function(){
      $page.init();
      vm.load_init();

    }

</script>
</body>
</html>
